
@mixin container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
@mixin scroller {
  margin-top: .45rem;
  flex:1;
  overflow: auto;
}

@mixin text-ellipsis{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

// 该方法适用于WebKit浏览器及移动端
@mixin two-line-ellipsis{
  overflow:hidden; 
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2; 
}

@mixin grey-top-border {
  border-top: 1px solid #e4e4e4;
}
@mixin grey-bottom-border {
  border-bottom: 1px solid #e4e4e4;
}

@mixin grey-left-border {
  border-left: 1px solid #e4e4e4;
}

@mixin grey-right-border {
  border-right: 1px solid #e4e4e4;
}

@mixin grey-border {
  border: 1px solid #e4e4e4;
}